@blue: #3190e8;
@bc: #e4e4e4;
@fc:#fff;
@nbg:#000;
@dbg:#F7F8F9;

@nNavbg:#181A23;
@dNavbg:#FFFFFF;

// 晚上背景色
.nBg {
	background-color: @nbg;
}

// 白天背景色
.dBg {
	background-color: @dbg;
}

// 晚上导航背景色
.nNavbg {
	background-color: @nNavbg;
}

// 白天导航背景色
.dNavbg {
	background-color: @dNavbg;
}

// 背景图片地址和大小
.bis(@url) {
	background-image: url(@url);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.borderRadius(@radius) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
}
//定位全屏
.allcover{
	position:absolute;
	top:0;
	right:0;
}

//定位上下左右居中
.center {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

//定位上下居中
.ct {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

//定位左右居中
.cl {
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}

//宽高
.wh(@width, @height){
	width: @width;
	height: @height;
}

//字体大小、行高、字体
.font(@size, @line-height, @family: 'Microsoft YaHei') {
	font-size: @size;
	line-height: @line-height;
	font-family: @family;
}

//字体大小，颜色
.sc(@size, @color){
	font-size: @size;
	color: @color;
}

//flex 布局和 子元素 对其方式
.fj(@type: space-between){
	display: flex;
	justify-content: @type;

}


